<!DOCTYPE html>
<html>
<head>
    <title>{{ the_title }}</title>

    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="https://v3.bootcss.com/examples/signin/signin.css" rel="stylesheet">
    <style>
        body {
            background-image: linear-gradient(to right,#FFE4B5 0%,  #FFC0CB 50%, #FFE4B5 100%);
            background-repeat: repeat;
            background-attachment: fixed;
            background-size: cover;
            margin-top:       10%;
            margin-bottom:    50%;
            margin-left:      8%;
            margin-right:     10%;
            padding: 0;

        }
        .container {
            width: 100%;
            background-image: linear-gradient(to top, 	#FFA07A 0%, 	#F08080 100%);
            border: 0px solid white;
            border-radius: 20px 20px 20px 20px;
            padding: 30px 20px 30px 20px;
            float: left;
        }
        h3 {
            display: block;
            margin-block-start: 0.2em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-weight: bold;
            color: 	#CD5C5C;
        }
        p {
			font-size:18px;
            color: #C71585;
            margin-block-end: 1em;
        }
        .btn-primary{
            background-color: 	#F08080;
            border-color: 	#F08080;
        }
    </style>
</head>

  <body>
	  <h3>天气查询</h3>
<p class="text-center">你想知道那个城市的天气预报呢？快来查询吧！</p>


	  <div class="container">



      <form class="form-signin" method='POST' action='/search0'>


        <input name='city' type='text'  class="form-control" placeholder="城市" required="" autofocus="" style="border-bottom-right-radius: 0;border-bottom-left-radius: 0;">
        <input name='key' type="password"  class="form-control" placeholder="密钥" required="" style="border-top-right-radius: 0;border-top-left-radius: 0;">

        <button class="btn btn-lg btn-primary btn-block" type="submit">开始查询</button>
      </form>

    </div>

</body>